<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>尚品汇秒杀-正品秒杀！</title>
	<link rel="icon" href="./img/favicon.ico">

	<!-- 引入样式 -->
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

	<link rel="stylesheet" type="text/css" href="/css/all.css" />
	<link rel="stylesheet" type="text/css" href="/css/pages-seckill-index.css" />
	<div th:include="common/head :: head"></div>
</head>

<body>
	<!-- 头部栏位 -->
	<!--页面顶部-->
	<div th:include="common/header :: header"></div>


	<div class="py-container index">
		<!--banner-->
		<div class="banner">
			<img src="/img/_/banner.png" class="img-responsive" alt="">
		</div>
		<!--商品列表-->
		<div class="goods-list" id="item">
			<ul class="seckill" id="seckill">
				<li class="seckill-item" th:each="item: ${list}">
					<div class="pic" th:@click="|detail(${item.skuId})|">
						<img th:src="${item.skuDefaultImg}" alt=''>
					</div>
					<div class="intro">
						<span th:text="${item.skuName}">手机</span>
					</div>
					<div class='price'>
						<b class='sec-price' th:text="'￥'+${item.costPrice}">￥0</b>
						<b class='ever-price' th:text="'￥'+${item.price}">￥0</b>
					</div>
					<div class='num'>
						<div th:text="'已售'+${item.num}">已售1</div>
						<div class='progress'>
							<div class='sui-progress progress-danger'>
								<span style='width: 70%;' class='bar'></span>
							</div>
						</div>
						<div>剩余
							<b class='owned' th:text="${item.stockCount}">0</b>件</div>
					</div>
					<a class='sui-btn btn-block btn-buy' th:href="'/seckill/'+${item.skuId}+'.html'" target='_blank'>立即抢购</a>
				</li>
			</ul>
		</div>
		<div class="cd-top">
			<div class="top">
				<img src="./img/_/gotop.png" />
				<b>TOP</b>
			</div>
			<div class="code" id="code">
				<span>
					<img src="./img/_/code.png" />
				</span>
			</div>
			<div class="erweima">
				<img src="./img/_/erweima.jpg" alt="">
				<s></s>
			</div>
		</div>
	</div>

	<!--回到顶部-->

	<!-- 底部栏位 -->
	<!--页面底部-->
	<div class="clearfix footer">
		<div class="py-container">
			<div class="footlink">
				<div class="clearfix Mod-list">
					<div class="yui3-g">
						<div class="yui3-u-1-6">
							<h4>购物指南</h4>
							<ul class="unstyled">
								<li>购物流程</li>
								<li>会员介绍</li>
								<li>生活旅行/团购</li>
								<li>常见问题</li>
								<li>购物指南</li>
							</ul>

						</div>
						<div class="yui3-u-1-6">
							<h4>配送方式</h4>
							<ul class="unstyled">
								<li>上门自提</li>
								<li>211限时达</li>
								<li>配送服务查询</li>
								<li>配送费收取标准</li>
								<li>海外配送</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h4>支付方式</h4>
							<ul class="unstyled">
								<li>货到付款</li>
								<li>在线支付</li>
								<li>分期付款</li>
								<li>邮局汇款</li>
								<li>公司转账</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h4>售后服务</h4>
							<ul class="unstyled">
								<li>售后政策</li>
								<li>价格保护</li>
								<li>退款说明</li>
								<li>返修/退换货</li>
								<li>取消订单</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h4>特色服务</h4>
							<ul class="unstyled">
								<li>夺宝岛</li>
								<li>DIY装机</li>
								<li>延保服务</li>
								<li>尚品汇E卡</li>
								<li>尚品汇通信</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h4>帮助中心</h4>
							<img src="./img/wx_cz.jpg">
						</div>
					</div>
				</div>
				<div class="Mod-copyright">
					<ul class="helpLink">
						<li>关于我们
							<span class="space"></span>
						</li>
						<li>联系我们
							<span class="space"></span>
						</li>
						<li>关于我们
							<span class="space"></span>
						</li>
						<li>商家入驻
							<span class="space"></span>
						</li>
						<li>营销中心
							<span class="space"></span>
						</li>
						<li>友情链接
							<span class="space"></span>
						</li>
						<li>关于我们
							<span class="space"></span>
						</li>
						<li>营销中心
							<span class="space"></span>
						</li>
						<li>友情链接
							<span class="space"></span>
						</li>
						<li>关于我们</li>
					</ul>
					<p>地址：北京市昌平区宏福科技园综合楼6层</p>
					<p>京ICP备19006430号</p>
				</div>
			</div>
		</div>
	</div>
<!--页面底部END-->
<!-- 引入组件库 -->

</body>

</html>
